<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Admin</title>
<script type="text/javascript" src="../script/jquery_2.0.3.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    var opr=$("#opr ul li a");
	
	opr.click(function(){
		var opr_cl=$(this).attr("rel");
		
		switch(opr_cl){
			case "add_items":
				$("#fr_opr").load("../action/Item.php");
			break;	
			case "view_items":
				$("#fr_opr").load("../action/viewitem.php");
			break;
			case "Sale_Items":	
			$("#fr_opr").load("../action/Sale.php");
			break;
		}
	});
	
});
</script>
<style type="text/css">
body{
	margin:0;
	padding:0;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:13px;
	color:#333;
	}
#opr{
	background:#EEE;
	border:1px solid #CCC;
	width:150px;
	float:left;
	padding-left:10px;
	height:500px;
	}
#fr_opr{
	border:1px solid #CCC;
	margin:10px;
	padding-left:270px;
	height:500px;
	}
.clear{
	clear:both;
	margin:0;
	padding:0;
	height:0;
	}
#footer{
	margin:10px;
	padding:10px;
	text-align:center;
	}
</style>
</head>

<body>
<div>
	<font color="#003366" size="4">Project Demo</font>
    <input type="text" size="60" id="txtsearch">
    <input type="button" id="btn_search" value="Find">
 </div>
<hr size="1" color="#CCCCCC">
<div>
	<div id="opr">
    	<h3>Operation</h3>
        <b>Manage Items</b>
        <ul>
        	<li><a href="#" rel="add_items">Add Items</a></li>
            <li><a href="#" rel="view_items">view Items</a></li>
            <li><a href="#" rel="Sale_Items">Sale Items</a></li>
        </ul>
        
    </div>
    <div id="fr_opr">
    	Operation will appear here.
    </div>
</div>
<p class="clear" />
<div id="footer">
	&copy;Copyright 2014, By Mr. Sovann.
</div>
</body>
</html>